<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>飞鱼物流平台用户注册👩‍🦳👴</title>
		<link rel="stylesheet" href="../layui/css/layui.css" media="all"/>
		<link rel="stylesheet" href="login1.css" media="all"/>
		<style>
			/* 覆盖原框架样式 */
			.layui-elem-quote{background-color: inherit!important;}
			.layui-input, .layui-select, .layui-textarea{background-color: inherit; padding-left: 30px;}
		</style>
		<!-- Jquery Js -->
		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<!-- Layui Js -->
		<script type="text/javascript" src="../layui/layui.js"></script>
		<script src="../js/regist.js"></script>
		<script>
			layui.config({
				base: "../layui/"
			}).extend({
				treeSelect: "lay/treeSelect/treeSelect"
			});
		</script>

		<script>
			$(function () {
				layui.use(['laydate'],function () {
					var laydate=layui.laydate;

				})
			})
		</script>
		<style>
				input::-webkit-input-placeholder {
					color: black;
				}
		</style>
	</head>
	<body>
		<!-- Head -->
		<div class="layui-fluid">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-sm12 layui-col-md12 zyl_mar_01">
					<blockquote class="layui-elem-quote"><span >飞鱼物流平台用户注册👩‍🦳👴</span></blockquote>
				</div>
			</div>
		</div>
		<!-- Head End -->
		
		<!-- Carousel -->
		<div class="layui-row" style="height: 100%">
			<div class="layui-col-sm12 layui-col-md12" >
				<div class="layui-carousel zyl_login_height" id="zyllogin" lay-filter="zyllogin" style="height: 800px">
					<div carousel-item="">
						<div>
							<div class="zyl_login_cont"></div>
						</div>
						<div >
							<img src="01.jpg" />
						</div>
						<div>
							<div class="background">
								<span></span><span></span><span></span>
								<span></span><span></span><span></span>
								<span></span><span></span><span></span>
								<span></span><span></span><span></span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Carousel End -->
		
		<!-- Footer -->
		<div class="layui-row">
			<div class="layui-col-sm12 layui-col-md12 zyl_center zyl_mar_01">
				© 2021 - 飞鱼物流平台👩‍🦳👴 || 飞鱼物流平台👩‍🦳👴版权所有
			</div>
		</div>
		<!-- Footer End -->
		
		
		
		<!-- LoginForm -->
		<div class="zyl_lofo_main" style="height: 525px;width: 450px;background: rgba(0,0,0,.3);margin-top: 20px" >
			<fieldset class="layui-elem-field layui-field-title zyl_mar_02">
				<legend>欢迎注册 - <span>飞鱼物流平台👩‍🦳👴</span></legend>
			</fieldset>
			<div class="layui-row layui-col-space15">
				<form class="layui-form zyl_pad_01" action="" id="form">
					<div class="layui-col-sm12 layui-col-md12" style="margin-bottom: -5px">
						<div class="layui-form-item">
							<input type="text" name="userCompellation" id="userCompellation" lay-verify="required|userCompellation" autocomplete="off" placeholder="用户名" class="layui-input" style="height: 40px;">
							<i class="layui-icon layui-icon-userCompellation zyl_lofo_icon"></i>
						</div>
					</div>
					<div class="layui-col-sm12 layui-col-md12" style="margin-bottom: -5px">
						<div class="layui-form-item">
							<input type="text" name="userName" id="userName" lay-verify="required|userName" autocomplete="off" placeholder="账号" class="layui-input">
							<i class="layui-icon layui-icon-username zyl_lofo_icon"></i>
						</div>
					</div>
					<div class="layui-col-sm12 layui-col-md12" style="margin-bottom: -5px">
						<div class="layui-form-item">
							<input type="password" name="userPassword" lay-verify="required|pass" autocomplete="off" placeholder="密码" class="layui-input">

						</div>
					</div>
					<div class="layui-col-sm12 layui-col-md12" style="margin-bottom: -5px">
						<div class="layui-form-item">
							<input type="text" name="userPhone"  id="userPhone" lay-verify="required|userPhone" autocomplete="off" placeholder="电话" class="layui-input">
							<i class="layui-icon layui-icon-userPhone zyl_lofo_icon"></i>
						</div>
					</div>

					<div class="layui-col-sm12 layui-col-md12" style="margin-bottom: 10px">
						<div class="layui-form-item">
							<input type="text" name="userMail" id="userMail" lay-verify="required|userMail" autocomplete="off" placeholder="邮政编码" class="layui-input">
							<i class="layui-icon layui-icon-userMail zyl_lofo_icon"></i>
						</div>
					</div>

					<div class="layui-col-sm12 layui-col-md12" style="margin-bottom: 10px;margin-top: -15px">
						<div class="layui-input-inline"style="float: left">
							<input type="text" id="mapId"  name="mapId"  lay-filter="tree" autocomplete="off" class="layui-input" readonly="true" style="width: 160px">
						</div>
					</div>



					<div class="layui-form-item" style="margin-bottom: 10px">
						<div class="layui-input-inline">
							<input type="date" name="userBirthday" id="userBirthday"  autocomplete="off" placeholder="生日" class="layui-input">
						</div>
					</div>

					<div class="layui-col-sm12 layui-col-md12"style="margin-bottom: 10px">
						<div class="layui-row">
							<div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
								<div class="layui-form-item">
									<input type="text" name="vercode" id="vercode" lay-verify="required|vercodes" autocomplete="off" placeholder="验证码" class="layui-input" maxlength="4">
									<i class="layui-icon layui-icon-vercode zyl_lofo_icon"></i>
								</div>
							</div>
							<div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
								<div class="zyl_lofo_vercode zylVerCode" onclick="zylVerCode()"></div>
							</div>
						</div>
					</div>
					<div class="layui-col-sm12 layui-col-md12">
						<button class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="regist">立即注册</button>
					</div>
				</form>
			</div>
		</div>
		<!-- LoginForm End -->



		<!-- Jqarticle Js -->
		<script type="text/javascript" src="../js/jparticle.min.js"></script>
		<!-- ZylVerificationCode Js-->
		<script type="text/javascript" src="../js/zylVerificationCode.js"></script>
		<script src="../js/userregist.js"></script>
		<script>
			$(function () {
				$('.layui-anim layui-anim-upbit .layui-select-title .layui-input layui-unselect').attr('readOnly',true);
				console.log($('.layui-anim layui-anim-upbit .layui-select-title .layui-input layui-unselect').attr('readOnly'))
			})
		</script>
	</body>
</html>
